.workContain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

    .workCard {
        width: 48%;
        display: flex;
        padding: 20px 16px 8px 16px;
        border-radius: 4px;
        border: 1px solid #ebeef5;
        background-color: #fff;
        overflow: hidden;
        color: #303133;
        transition: .3s;
        margin: 6px 0;

        &:hover {
            box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
        }

        .workImg {
            width: 88px;

            img {
                width: 100%;
            }
        }
    }
    @media screen and (max-width: 900px) {
        .workCard{
            width: 100%;
        }
    }
}

.workLeft {
    flex: 7;
    padding: 10px;
}

.workRight {
    flex: 2;
}

.page {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px 0;
}